    //左下 瀑布图
$.get('http://127.0.0.1:5000/task3').done(function (data) {
        var myeCharts = echarts.init(document.querySelector('.panel .bar3'))
        option = {
            title: {
                text: '购物篮中商品种类',
                x: "center",
                textStyle: {
                    color: '#ffffff'
                }
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                },
                formatter: function (params) {
                    var tar = params[1];
                    return tar.name + '<br/>' + tar.seriesName + ' : ' + tar.value;
                }
            },
            grid: {
                top:'14%',
                left: '3%',
                right: '4%',
                bottom: '1%',
                containLabel: true
            },
            xAxis: [{
                type: 'category',
                splitLine: {show: false},
                data: data.name,
                axisLine: {
                    lineStyle: {
                        color: 'rgba(255,255,255,0.12)'
                    }
                },
                axisLabel: {
                    margin: 10,
                    color: '#e2e9ff',
                    rotate:45,
                    textStyle: {
                        fontSize: 12
                    },
                },
            }],
            yAxis: {
                type: 'value',
                axisLabel: {
                    margin: 10,
                    color: '#e2e9ff',
                    rotate:0,
                    textStyle: {
                        fontSize: 10
                    },
                },
            },
            series: [
                {
                    name: '辅助',
                    type: 'bar',
                    stack: '总量',
                    itemStyle: {
                        barBorderColor: 'rgba(0,0,0,0)',
                        color: 'rgba(0,0,0,0)'
                    },
                    emphasis: {
                        itemStyle: {
                            barBorderColor: 'rgba(0,0,0,0)',
                            color: 'rgba(0,0,0,0)'
                        }
                    },
                    data: data.value2
                },
                {
                    name: '生活费',
                    type: 'bar',
                    stack: '总量',
                    label: {
                        show: true,
                        position: 'inside'
                    },
                    data: data.value
                }
            ]
        };
        myeCharts.setOption(option)
    })